<%= render "navbar"%>

<div class="tailor_container">
  <div class="container">
    <div class="row">
      <div class="col-md-6 hidden-xs tailor_img_col">
        <img src="http://7i7g8l.com1.z0.glb.clouddn.com/e38c68044d44663c1b29185261f1aaa2d59dbc91-e0806d2ccc3ee032d083eaa926b66b56073e2196.jpg" alt="">
      </div>
      <div class="col-md-5 col-xs-12 tailor_form_col">
        <h2>快填写你的订制信息吧~</h2>
        <form class="form-horizontal">
          <div class="form-group">
            <label for="name" class="col-sm-3 control-label">姓名</label>
            <div class="col-sm-8">
              <input type="text" class="form-control" name="name">
            </div>
          </div>
          <div class="form-group">
            <label for="phone" class="col-sm-3 control-label">联系方式</label>
            <div class="col-sm-8">
              <input type="tel" class="form-control" name="phone">
            </div>
          </div>
          <div class="form-group">
            <label for="phone" class="col-sm-3 control-label">想培训的课程</label>
            <div class="col-sm-8">
              <input type="text" class="form-control" name="phone">
            </div>
          </div>
          <div class="form-group">
            <label for="phone" class="col-sm-3 control-label">价格要求</label>
            <div class="col-sm-8">
              <input type="text" id="price" name="price">
            </div>
          </div>
          <div class="form-group">
            <label for="phone" class="col-sm-3 control-label">上课时间</label>
            <div class="col-sm-8">
              <input type="text" class="form-control" name="phone">
            </div>
          </div>
          <div class="form-group">
            <label for="phone" class="col-sm-3 control-label">课程类型</label>
            <div class="col-sm-3 select">
              <select name="type" id="type">
                <option value="none">无要求</option>
              </select>
            </div>
            <label for="phone" class="col-sm-3 control-label">上课区域</label>
            <div class="col-sm-3 select">
              <select name="type" id="type">
                <option value="none">无要求</option>
              </select>
            </div>
          </div>
          <div class="form-group">
            <label for="phone" class="col-sm-3 control-label">其他要求</label>
            <div class="col-sm-8">
              <input type="text" class="form-control" name="phone">
            </div>
          </div>
          <div class="form-group">
            <div class="col-sm-offset-3 col-sm-8">
              <button type="submit" class="btn btn-default">订制</button>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>

<script>

  (function($) {

    $("#price").ionRangeSlider({
        min: 500,                        // min value
        max: 2000,                       // max value
        from: 500,                       // overwrite default FROM setting
        to: 2000,                         // overwrite default TO setting
        type: "double",                 // slider type
        step: 100,                       // slider step
        postfix: "",                // postfix text
        hasGrid: false,                  // enable grid
        hideMinMax: false,               // hide Min and Max fields
        hideFromTo: false,               // hide From and To fields
        prettify: false,                 // separate large numbers with space, eg. 10 000
        onChange: function(obj){        // function-callback, is called on every change
            console.log(obj);
        },
        onFinish: function(obj){        // function-callback, is called once, after slider finished it's work
            console.log(obj);
        }
    });   

  })(jQuery);
      
</script>